@import "./newSwiper.scss";
@import "./search.scss";
#subhome{
    flex: 1;
    width: 100%;
    // overflow: auto;
    -webkit-overflow-scrolling: touch;
    .mint-loadmore{
        font-size: .26rem;
        color: #969696;
        .mint-loadmore-content.is-dropped{
            .mint-loadmore-top {
                margin-top: -50px;
                font-size: .26rem;
                color: #969696;
                .mint-loadmore-text{
                    font-size: .26rem;
                    color: #969696;
                }
            }
        }
    }
    .mint-loadmore-bottom{
        clear:both;
        margin-bottom: 0;
    }
    .header-subhome{
        position: fixed;
        width: 100%;
        z-index: 200;
        right: .4rem;
        top: .4rem;
        width: .75rem;
        height: .75rem;
        img{
            width: .75rem;
            height: .75rem;
            display: block;
        }
    }
    
    .header-subhome-sec{
        position: fixed;
        width: 100%;
        z-index: 200;
        left: 0;
        top: -.84rem;
        height: .84rem;
        background: #e6e6e6;
        transition: top .3s;
        div{
            height: .52rem;
            background: #fff;
            width: 5.5rem;
            margin: .16rem auto;
            
            border-radius: .26rem;
            position: relative;
            img{
                position: absolute;
                height: .28rem;
                width: .28rem;
                top: .1rem;
                left: .26rem;
            }
        }
                
    }
    
    .nav-subhome{
        //justify-content: space-around;
        //align-items: center;
        //background: #fff;
        //overflow: hidden;
        //display: -webkit-box;
        //overflow-x: scroll;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        background: #ffffff;
        div{
            text-align: center;
            align-items: center;
            width: 25%;
            img{
                width: .82rem;
                height: .82rem;
                margin: .16rem auto .14rem;
                display: block;
            }
            span{
                font: .26rem "微软雅黑";
                color: #222;
                display: block;
                margin-bottom: .1rem;
            }
        }
    }
    
    .new{
        font-size:.32rem;
        font-weight: bold;
        text-align: center;
        color: #9948C3;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 2.4rem;
        height: .28rem;
        margin: 0 auto;
        background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/separate_style.png) no-repeat center center;
        background-size: cover;
    }
    
    #subhome-3d-swiper{
        margin-top: .68rem;
        .swiper-slide-active{
            box-shadow: 0 0 1rem #999;
        }
        .wrap-prd{
            border-radius: .2rem;
            text-align: center;
            img{
                display: block;
                width: 207px;
                height: 180px;
                border-top-left-radius: .2rem;
                border-top-right-radius: .2rem;
            }
            p:nth-child(2){
                width: 3rem;
                margin: 0 auto;
                margin-top: .14rem;
                font-size: .26rem;
                color: #323232;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            p:nth-child(3){
                font-size: .32rem;
                color: #9948c3;
                text-decoration: line-through;
                margin-top: .08rem;
                span{
                    font-size: 0.28rem;
                    display: inline-block;
                }
            }
            
            p:nth-child(4){
                margin-top: .4rem;
                font: bold .4rem "微软雅黑";
                color: #fb4622;
            }
            
            button{
                height: .56rem;
                width: 1.9rem;
                background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/imgChange/kan.gif);
                color: #fff;
                font-size: .24rem;
                margin: .12rem auto;
                display: block;
                margin-bottom: .28rem;
                background-size: cover;
            }
        }
    }
    .banner img{
        width: 100%;
        height: 1rem;
        display: block;

    }
}
